 .root {
   height: auto;
 }

 .recommendCoverBg {
   width: 900px;
   height: 179px;

   background-repeat: no-repeat;
   ;
   background-size: cover;
   margin: 20px auto;
   overflow: hidden;
 }

 .main {
   margin-top: 45px;
   padding: 0 30px;
 }

 .topListMain {
   border: 1px solid #d9d9d9;
 }

 .mainHd {
   display: flex;
 }


 .mainHd>div {
   width: 74px;
   height: 34px;
   line-height: 18px;
   padding: 8px 10px;
   background-position: 0 0;
   background-repeat: repeat-x;
   background-color: #f2f2f2;
   color: #666;
 }

 .mainHd>div :first-child {
   border-right: 1px solid #dadada;
 }

 .title {
   width: 327px;
   border-right: 1px solid #dadada;
 }

 .singer {
   width: 173px;
 }

 .time {
   width: 91px;
   border-right: 1px solid #dadada;
 }

 .list>div:nth-child(odd) {
   background: #f7f7f7 !important;
 }

 .list>div:nth-child(-n + 3) {
   height: 70px !important;
 }